@import "variable";
@import "mixin";

.widget {
  &-title {
    margin: 4px 0;
  }

  &-item {
    white-space: nowrap;
  }

  &-list-item {
    overflow: hidden;
    text-overflow: ellipsis;
    .transition-transform();
    white-space: nowrap;

    &:hover,
    &:focus {
      background: none;
      .translate(8px);
    }

    .fa {
      color: @widget-icon-color;
    }
  }

  .tagcloud .tag {
    word-wrap: break-word;
  }
}